<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签文件</title>
</head>
<body>
<!--图片指定宽度后，不指定高度，会按比例缩放
    alt  图片不能正常显示时会出现
    title   鼠标滑到图片上会出现
    style中border中样式顺序可以随意
    width:30%;宽度会随窗口的宽度变化；具体值的话不会变化
-->
    <img src="286CE627-83E7-4148-AB0F-04F8BD5561CF.png" alt="美景" title="杭州美景" width="375px" height="200px">
    <img src="286CE627-83E7-4148-AB0F-04F8BD5561CF.png" alt="美景" title="杭州美景" style="border:1px solid red">
    <img src="286CE627-83E7-4148-AB0F-04F8BD5561CF.png" alt="美景" title="杭州美景">
    <img src="286CE627-83E7-4148-AB0F-04F8BD5561CF.png" alt="美景" title="杭州美景">
    <img src="286CE627-83E7-4148-AB0F-04F8BD5561CF.png" alt="美景" title="杭州美景">
</body>
</html>